/* components/editor/editor.wxss */
@font-face {
    font-family: 'iconfont';
    /* Project id 2549449 */
    src: url('https://at.alicdn.com/t/font_2549449_hxmflg4qsr6.woff2?t=1621002720450') format('woff2'),
        url('https://at.alicdn.com/t/font_2549449_hxmflg4qsr6.woff?t=1621002720450') format('woff'),
        url('https://at.alicdn.com/t/font_2549449_hxmflg4qsr6.ttf?t=1621002720450') format('truetype');
}


.iconfont {
    font-family: "iconfont" !important;
    font-size: 38rpx;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-undo:before {
    content: "\e609";
}


.icon-hr:before {
    content: "\e60a";
}


.icon-h3:before {
    content: "\e60b";
}


.icon-quote:before {
    content: "\e60c";
}


.icon-bold:before {
    content: "\e60e";
}


.icon-orderedList:before {
    content: "\e612";
}


.icon-h2:before {
    content: "\e61a";
}


.icon-italic:before {
    content: "\e61c";
}


.icon-unorderedList:before {
    content: "\e620";
}


.icon-alignLeft:before {
    content: "\e621";
}


.icon-alignRight:before {
    content: "\e622";
}


.icon-h1:before {
    content: "\e623";
}


.icon-image:before {
    content: "\e629";
}

.editor-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #f6f6f6;
}


.editor-box-header,
.editor-box-content {
    width: 100%;
}


.editor-box-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 20rpx 20rpx;
    box-sizing: border-box;
    border-bottom: 2rpx solid #f6f6f6;
    background-color: #f6f6f6;
}


.editor-box-header>.operate-box {
    margin-right: 20rpx;
    width: 40rpx;
    height: 40rpx;
    overflow: hidden;
    color: gray;
}


.editor-box-content {
    flex-grow: 1;
    padding: 20rpx;
    box-sizing: border-box;
}